import echarts from "echarts";
// let data = [0, 250,500, 750,1000,1250,1500,1750];
var option = {
  title: {

    left: "1%"
  },
  tooltip: {
    trigger: "axis"
  },
  grid: {
    left: "5%",
    right: "5%",
    bottom: "20%"

  },
  xAxis: {
    data: []
    // data:["2021-05-12", "2021-05-13", "2021-05-14", "2021-05-15", "2021-05-16", "2021-05-17", "2021-05-18"]
  },
  yAxis:
        {
          name: "单位：（条）",
          type: "value"
          // max: 1750

        },
  color: ["#2D8CF0", "#2CDA8A", "#F79642"],
  legend: {
    data: ["同步记录数据", "追加记录数", "更新记录数"],
    icon: "stack"
  },
  dataZoom: [{
    startValue: "",
    height: 18

  }, {
    type: "inside"
  }],
  series: [
    {
      name: "同步记录数据",
      type: "line",
      data: [],
      // markLine: {
      //     silent: true,
      //     lineStyle: {
      //         color: '#333'
      //     },
      //     // data: [{
      //     //     yAxis: 50
      //     // }, {
      //     //     yAxis: 100
      //     // }, {
      //     //     yAxis: 150
      //     // }, {
      //     //     yAxis: 200
      //     // }, {
      //     //     yAxis: 300
      //     // }]
      // },
      areaStyle: {
        normal: { // 颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1,
            [{
              offset: 0, color: "#D8EAFC" // 0% 处的颜色
            }, {
              offset: 0.5, color: "#DEEDFD" // 100% 处的颜色
            }, {
              offset: 1, color: "#E1EEFD" // 100% 处的颜色
            }]
          ), // 背景渐变色
          lineStyle: { // 系列级个性化折线样式
            width: 3,
            type: "solid",
            color: "#4fd6d2"
          }
        },
        emphasis: {
          color: "#4fd6d2",
          lineStyle: { // 系列级个性化折线样式
            width: 2,
            type: "dotted",
            color: "#4fd6d2" // 折线的颜色
          }
        }
      }
    },
    {
      name: "追加记录数",
      type: "line",
      data: [],
      areaStyle: {
        normal: { // 颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0, color: "#C5EBEB" // 0% 处的颜色
          }, {
            offset: 0.5, color: "#C8ECED" // 100% 处的颜色
          }, {
            offset: 1, color: "#CFEEEF" // 100% 处的颜色
          }]
          ), // 背景渐变色
          lineStyle: { // 系列级个性化折线样式
            width: 3,
            type: "solid",
            color: "#4fd6d2"
          }
        },
        emphasis: {
          color: "#4fd6d2",
          lineStyle: { // 系列级个性化折线样式
            width: 2,
            type: "dotted",
            color: "#4fd6d2" // 折线的颜色
          }
        }
      }
    },
    {
      name: "更新记录数",
      type: "line",
      data: [],
      areaStyle: {
        normal: { // 颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
            offset: 0, color: "#D2E4D7" // 0% 处的颜色
          }, {
            offset: 0.5, color: "#E4EEE8" // 100% 处的颜色
          }, {
            offset: 1, color: "#F2F7F4" // 100% 处的颜色
          }]
          ), // 背景渐变色
          lineStyle: { // 系列级个性化折线样式
            width: 3,
            type: "solid",
            color: "#4fd6d2"
          }
        },
        emphasis: {
          color: "#4fd6d2",
          lineStyle: { // 系列级个性化折线样式
            width: 2,
            type: "dotted",
            color: "#4fd6d2" // 折线的颜色
          }
        }
      }
    }
  ]

};
export default option;


